<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>25_js输出</title>
    </head>
    <body>
        <!-- （1）alert -->
        <!-- <script>
            alert('请认真看看屏幕');
        </script> -->

        <!-- （2）document.write 在整个页面中添加一些内容-->
        <!-- <script>
            document.write('唧唧复唧唧,木兰开飞机');
        </script> -->

        <!-- （3）innerHTML 在标签中添加一些内容-->
        <!-- <div id="d1"></div>
        <script>
            var d1 = document.getElementById('d1');
            d1.innerHTML = '两岸猿声啼不住，轻舟已过万重山';
        </script> -->

        <!-- （4）console.log() -->
        <!-- <script>
            console.log('今天晚上跑个步，虽然腿疼');
        </script> -->

        <!-- （5）document.write 坑点 -->


        这是会被覆盖的一句话

        <!-- 直接写不会被覆盖 -->
        <!-- <script>
            document.write('是不是');
        </script> -->

        <button id="btn">按钮</button>
        <script>
            var btn = document.getElementById('btn');
            btn.onclick = function(){
                document.write('是不是')
            }
        </script>

    </body>
</html>